<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            li {
                width: 300px;
                height: 30px;
                background: red;
                margin-bottom: 15px;
            }


        </style>
    </head>
    <body>

        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        
    </body>
</html>
<script src="MyFunc.js"></script>
<script>
    
    $('ul>li').click(function() {

        $('ul>li').css('background', 'red');
        $(this).css('background', 'blue');

    }).css('border', '2px solid black');









</script>